<template>
   <div>
      <div class="FontWeight">全局搜索</div>
      <i class="el-icon-close" @click="SEARCHDOWN"></i>
   </div>
</template>
<script>
import {mapMutations} from 'vuex'
  export default 
  {
     name :'', 
     methods:{
        ...mapMutations('Search',['SEARCHDOWN'])
     }
  }
</script>
<style scoped lang='less'>
.FontWeight{
    font-size: 18px;
    color: white;
}
i{
    font-size: 25px;
    position: absolute;
    right: 15px;
    padding: 5px;
    border-radius: 50%;

    font-size: 25px;
    color: white;
    font-weight: 600;
}
i:hover{
    background: rgba(0, 0, 0, 0.3);
}
</style>